<!--
 * @Author: HeAo
 * @Date: 2022-07-25 15:58:32
 * @LastEditTime: 2022-08-03 16:19:58
 * @LastEditors: HeAo
 * @Description: 
 * @FilePath: \实训三\html&css\淘宝网网页重构\淘宝网网页重构.html
 * 别乱动！
-->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      rel="stylesheet"
      href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
    />
    <link rel="stylesheet" href="./font_3545740_4a8k2batfqr/iconfont.css" />
    <link rel="stylesheet" href="./font_3545740_7ovh5x3lydx/iconfont.css" />
    <link rel="stylesheet" href="./font_3545740_s7y9xcq1qum/iconfont.css" />
    <link rel="stylesheet" href="./font_3545740_dwt5wjfkrrl/iconfont.css" />
    <link rel="stylesheet" href="./tb.css" />
    <title>淘宝网</title>
    <style></style>
  </head>
  <body>
    <!-- 头部 -->
    <div class="header">
      <div id="center">
        <ul class="left">
          <li class="tli myli">
            <span>中国大陆</span>
            <i class="fa fa-angle-down" aria-hidden="true"></i>
            <ul class="address">
              <li>全球</li>
              <li>中国大陆</li>
              <li>中国香港</li>
              <li>中国澳门</li>
              <li>中国台湾</li>
              <li>韩国</li>
              <li>马来西亚</li>
              <li>澳大利亚</li>
              <li>新加坡</li>
              <li>新西兰</li>
              <li>加拿大</li>
              <li>日本</li>
              <li>越南</li>
              <li>泰国</li>
              <li>菲律宾</li>
              <li>柬埔寨</li>
            </ul>
          </li>
          <li class="tli">
            <a href="#">亲，请登录</a> <a href="#">免费注册</a>
          </li>
          <li class="tli"><a href="#">手机逛淘宝</a></li>
          <li class="tli"><a href="#">网站无障碍</a></li>
        </ul>

        <ul class="right">
          <li class="tli myli">
            <a href="#">联系客服</a>
            <i class="fa fa-angle-down" aria-hidden="true"></i>
            <ul class="mine">
              <span>消费者客服</span>
              <span>卖家客服</span>
              <span>意见反馈</span>
              <span>网页版旺旺</span>
            </ul>
          </li>
          <li class="tli myli">
            <a href="#">千牛卖家中心</a>
            <i class="fa fa-angle-down" aria-hidden="true"></i>
            <ul class="mine">
              <span>开店入住</span>
              <span>已卖出的宝贝</span>
              <span>出售中的宝贝</span>
              <span>卖家服务市场</span>
              <span>卖家培训中心</span>
              <span>体检中心</span>
              <span>电商学习中心</span>
            </ul>
          </li>
          <li class="tli" style="color: #ccc">|</li>
          <li class="tli"><a href="#">商品分类</a> <a href="#">免费开店</a></li>

          <li class="tli myli">
            <a href="#">
              <span
                class="iconfont icon-shoucangxuanzhong"
                style="padding-left: 0px; font-size: 12px"
              ></span>
              <span>收藏夹</span></a
            >
            <i class="fa fa-angle-down" aria-hidden="true"></i>
            <ul class="mine">
              <span>收藏的宝贝</span>
              <span>收藏的店铺</span>
            </ul>
          </li>
          <li class="tli">
            <i
              class="iconfont icon-shopping-cart-fill-copy"
              style="color: red; padding-left: 0px"
            ></i>
            <a href="#">购物车</a>
          </li>
          <li class="tli myli">
            <a href="#">我的淘宝</a>
            <i class="fa fa-angle-down" aria-hidden="true"></i>

            <ul class="mine">
              <span>已购买宝贝</span>
              <span>我的足迹</span>
            </ul>
          </li>
        </ul>
      </div>
    </div>
    <!-- 搜索栏 -->
    <div class="search">
      <div style="width: 1190px; height: 100px">
        <div class="center2">
          <div class="imgs">
            <a href="#">
              <img
                src="./O1CN01uRz3de23mzWofmPYX_!!6000000007299-2-tps-143-59.png"
                alt="我是淘宝图片"
              />
            </a>
          </div>

          <div class="dinput">
            <div
              style="
                width: 60px;
                height: 37px;
                border: 2px solid #ff5000;
                border-right: none;
                border-radius: 100px 0 0 100px;
                position: absolute;
                left: -61px;
                background-color: #fff;
              "
            >
              <ul class="usearch">
                <li>
                  <span
                    style="
                      font: 12px/1.5 tahoma, arial, 'Hiragino Sans GB',
                        '\5b8b\4f53', sans-serif;
                      font-size: 13px;
                      color: #3c3c3c;
                    "
                    >宝贝</span
                  >
                  <span
                    class="iconfont icon-xiangxiajiantoushixin"
                    style="font-size: 7px; color: #ccc"
                  ></span>
                  <ul>
                    <span><a href="#">天猫</a></span>
                    <span><a href="#">店铺</a></span>
                  </ul>
                </li>
              </ul>
            </div>

            <input type="text" placeholder="零食" />
            <button type="submit">搜索</button>
            <div class="inputdown">
              <li><a href="#">新款连衣裙</a></li>
              <li><a href="#">四件套</a></li>
              <li><a href="#">潮流T恤</a></li>
              <li><a href="#">时尚女鞋</a></li>
              <li><a href="#">短裤</a></li>
              <li><a href="#">半身裙</a></li>
              <li><a href="#">男士外套</a></li>
              <li><a href="#">墙纸</a></li>
              <li><a href="#">行车记录仪</a></li>
              <li><a href="#">新款男鞋</a></li>
            </div>
          </div>

          <div
            class="two"
            style="
              width: 70px;
              height: 80px;
              background-color: #fff;
              text-align: center;
            "
          >
            <a
              href="#"
              style="
                font: 12px/1.5 tahoma, arial, 'Hiragino Sans GB', '\5b8b\4f53',
                  sans-serif;
                color: red;
              "
            >
              下载淘宝
              <img
                width="50px"
                ;
                src=""
                alt="我是二维码"
                style="display: block"
              />
            </a>
          </div>
        </div>
      </div>
    </div>
    <!-- 主体 -->
    <div class="content">
      <div class="header2">
        <div class="left2">
          <h2
            style="
              padding: 16px 0 0 20px;
              font-size: 18px;
              color: #111;
              letter-spacing: 0;
              line-height: 24px;
            "
          >
            分类
          </h2>
          <ul>
            <li>
              <i class="iconfont icon-nvzhuang"></i>
              <a href="#">女装</a><span>/</span> <a href="#">内衣</a
              ><span>/</span>
              <a href="#">奢品</a>
            </li>
            <li>
              <i class="iconfont icon-xiezi"></i>
              <a href="#">女鞋</a><span>/</span> <a href="#">男鞋</a
              ><span>/</span>
              <a href="#">箱包</a>
            </li>
            <li>
              <i class="iconfont icon-huabanfuben"></i>
              <a href="#">美妆</a><span>/</span> <a href="#">饰品</a
              ><span>/</span>
              <a href="#">洗护</a>
            </li>
            <li>
              <i class="iconfont icon-nanzhuang"></i>
              <a href="#">男装</a><span>/</span> <a href="#">运动</a
              ><span>/</span>
              <a href="#">百货</a>
            </li>
            <li>
              <i class="iconfont icon-shouji"></i>
              <a href="#">手机</a><span>/</span> <a href="#">数码</a
              ><span>/</span>
              <a href="#">企业礼品</a>
            </li>
            <li>
              <i class="iconfont icon-jiaju-"></i>
              <a href="#">家装</a><span>/</span> <a href="#">电器</a
              ><span>/</span>
              <a href="#">车品</a>
            </li>
            <li>
              <i class="iconfont icon-yingtao"></i>
              <a href="#">食品</a><span>/</span> <a href="#">生鲜</a
              ><span>/</span>
              <a href="#">母婴</a>
            </li>
            <li>
              <i class="iconfont icon-yiyaoxiang"></i>
              <a href="#">医药</a><span>/</span> <a href="#">保健</a
              ><span>/</span>
              <a href="#">进口</a>
            </li>
          </ul>
        </div>
        <div class="right2">
          <div class="top">
            <ul>
              <li><a href="#" class="a1">天猫</a> <span>|</span></li>

              <li><a href="#" class="a1">聚划算</a> <span>|</span></li>

              <li><a href="#" class="a2">天猫超市</a> <span>|</span></li>

              <li><a href="#">司法拍卖</a> <span>|</span></li>

              <li><a href="#">飞猪旅行</a> <span>|</span></li>

              <li><a href="#">天天特卖</a> <span>|</span></li>

              <li><a href="#">极有家</a> <span>|</span></li>

              <li><a href="#">淘宝直播</a></li>
            </ul>
          </div>
          <div class="down">
            <div class="dleft">
              <ul>
                <li>
                  <img
                    src="./font_3545740_4a8k2batfqr/O1CN01KjeXPM1iID6JKEDqI_!!6000000004389-2-octopus.png"
                    alt=""
                  />
                </li>
                <li>
                  <img
                    src="./font_3545740_4a8k2batfqr/O1CN01rY0MKB1QXAxMeKoNT_!!6000000001985-0-octopus.jpg"
                    alt=""
                  />
                </li>
                <li>
                  <img
                    src="./font_3545740_4a8k2batfqr/O1CN01tvAkze1xsanRKfMEu_!!6000000006499-0-octopus.jpg"
                    alt=""
                  />
                </li>
                <li>
                  <img
                    src="./font_3545740_4a8k2batfqr/O1CN01KjeXPM1iID6JKEDqI_!!6000000004389-2-octopus.png"
                    alt=""
                  />
                </li>
              </ul>
            </div>
            <div class="dright">
              <div class="tx">
                <div>
                  <img
                    src="./font_3545740_4a8k2batfqr/TB1yeWeIFXXXXX5XFXXuAZJYXXX-210-210.png_60x60.jpg"
                    alt=""
                  />
                </div>
                <div style="padding-top: 22px">
                  <span style="font-size: 15px">
                    Hi! <strong>你好</strong></span
                  >
                </div>
              </div>
              <div class="bt">
                <a href="#">登录</a>
                <a href="#">注册</a>
                <a href="#">开店</a>
              </div>
              <div class="mine2">
                <ul>
                  <li>
                    <a href="#"
                      ><span class="iconfont icon-shoucang"></span>
                      <p>宝贝收藏</p></a
                    >
                  </li>
                  <li>
                    <a href="#"
                      ><span class="iconfont icon-qianbao"></span>
                      <p>买过的店</p></a
                    >
                  </li>
                  <li>
                    <a href="#"
                      ><span class="iconfont icon-dianpu"></span>
                      <p>收藏的店</p></a
                    >
                  </li>
                  <li>
                    <a href="#"
                      ><span class="iconfont icon-shijian"></span>
                      <p>我的足迹</p></a
                    >
                  </li>
                </ul>
              </div>

              <div class="news">
                <div class="gd">
                  <div>
                    <a href="#"><span>热点</span></a>
                    <a href="#">淘宝平台打击流量造假，黑公关，网络...</a>
                  </div>
                  <div>
                    <a href="#"><span>热点</span></a>
                    <a href="#">疫情场景淘宝卖家指导手册</a>
                  </div>
                  <div>
                    <a href="#"><span>规则</span></a>
                    <a href="#">淘宝网疫情影响地区发货时间要求调整</a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 内容区 -->

      <div class="nr">
        <div>
          <h2 style="display: inline">
            <span
              style="
                float: left;
                color: #111;
                font-weight: bold;
                font-size: 24px;
                line-height: 24px;
              "
              >猜你喜欢</span
            >
          </h2>
          <img
            src="./font_3545740_4a8k2batfqr/O1CN016b1mMM1FxJlsXfWhU_!!6000000000553-2-tps-96-30.png"
            alt=""
            style="height: 20px; margin-left: 5px"
          />
        </div>

        <div class="goods">
          <a href="#"
            ><div>
              <img
                src="./font_3545740_4a8k2batfqr/O1CN010kR57u1TuwKO4MqGB_!!0-item_pic.jpg_300x300q90.jpg_.webp"
                alt=""
              />
            </div>

            <div class="jieshao">
              <div class="jieshao2">
                <div>春季新款透气豆豆鞋青年休闲懒人鞋男士潮鞋韩版</div>
                <div class="yh">送运费险</div>
              </div>
              <div class="jiage">
                <span class="rmb">¥</span>
                <span class="rmbnum">9.9</span>
              </div>
            </div>
          </a>

          <a href="#"
            ><div>
              <img
                src="./font_3545740_4a8k2batfqr/O1CN019NoFpy274ntqVGF5E_!!4207517744-0-alimamacc.jpg_300x300q90.jpg_.webp"
                alt=""
              />
            </div>

            <div class="jieshao">
              <div class="jieshao2">
                <div>冰希黎幻彩鎏流沙金女士斩男清淡香水官方正品</div>
                <div class="yh">满200减50</div>
              </div>
              <div class="jiage">
                <span class="rmb">¥</span>
                <span class="rmbnum">99.9</span>
              </div>
            </div>
          </a>

          <a href="#"
            ><div>
              <img
                src="./font_3545740_4a8k2batfqr/O1CN01gV43cH1h568vYtOXl_!!2207344274225-0-alimamacc.jpg_300x300q90.jpg_.webp"
                alt=""
              />
            </div>

            <div class="jieshao">
              <div class="jieshao2">
                <div>那拉丝醇全脂骆驼奶粉新疆伊犁正宗纯驼奶</div>
                <div class="yh">满500减50</div>
              </div>
              <div class="jiage">
                <span class="rmb">¥</span>
                <span class="rmbnum">399.9</span>
              </div>
            </div>
          </a>

          <a href="#"
            ><div>
              <img
                src="./font_3545740_4a8k2batfqr/O1CN01JjZYGJ1rwMC7nnkmu_!!0-item_pic.jpg_300x300q90.jpg_.webp"
                alt=""
              />
            </div>

            <div class="jieshao">
              <div class="jieshao2">
                <div>运动短裤韩版中裤黑色宽松直筒休闲阔腿五分裤</div>
                <div class="yh">包邮到家</div>
              </div>
              <div class="jiage">
                <span class="rmb">¥</span>
                <span class="rmbnum">59.9</span>
              </div>
            </div>
          </a>

          <a href="#"
            ><div>
              <img
                src="./font_3545740_4a8k2batfqr/O1CN01Oz3YZO23XsaBHirnY_!!2214456317266-0-alimamacc.jpg_300x300q90.jpg_.webp"
                alt=""
              />
            </div>

            <div class="jieshao">
              <div class="jieshao2">
                <div>夏日限时活动，限定兰博车币，好物推荐</div>
                <div class="yh">送运费险</div>
              </div>
              <div class="jiage">
                <span class="rmb">¥</span>
                <span class="rmbnum">88</span>
              </div>
            </div>
          </a>

          <a href="#"
            ><div>
              <img
                src="./font_3545740_4a8k2batfqr/O1CN01qPcFSf1SQQAWAm3oX_!!0-item_pic.jpg_300x300q90.jpg_.webp"
                alt=""
              />
            </div>

            <div class="jieshao">
              <div class="jieshao2">
                <div>春季新款透气T恤青年休闲男士韩版</div>
                <div class="yh">包邮到家</div>
              </div>
              <div class="jiage">
                <span class="rmb">¥</span>
                <span class="rmbnum">19.9</span>
              </div>
            </div>
          </a>

          <a href="#"
            ><div>
              <img
                src="./font_3545740_4a8k2batfqr/O1CN01SHqPFL1hpoU557N2k_!!0-item_pic.jpg_300x300q90.jpg_.webp"
                alt=""
              />
            </div>

            <div class="jieshao">
              <div class="jieshao2">
                <div>匹克篮球鞋防滑耐磨学生实战球鞋运动鞋男</div>
                <div class="yh">满200减50</div>
              </div>
              <div class="jiage">
                <span class="rmb">¥</span>
                <span class="rmbnum">189.9</span>
              </div>
            </div>
          </a>

          <a href="#"
            ><div>
              <img
                src="./font_3545740_4a8k2batfqr/O1CN01y4CLBZ1IDvMoqbQza_!!0-item_pic.jpg_300x300q90.jpg_.webp"
                alt=""
              />
            </div>

            <div class="jieshao">
              <div class="jieshao2">
                <div>硅藻泥吸水速干防滑地垫卫生间浴室门口脚垫子</div>
                <div class="yh">送运费险</div>
              </div>
              <div class="jiage">
                <span class="rmb">¥</span>
                <span class="rmbnum">9.9</span>
              </div>
            </div>
          </a>

          <a href="#"
            ><div>
              <img
                src="./font_3545740_4a8k2batfqr/T1K2WAXwNhXXXXXXXX_!!0-item_pic.jpg_300x300q90.jpg_.webp"
                alt=""
              />
            </div>

            <div class="jieshao">
              <div class="jieshao2">
                <div>美式乡村绿色窗帘送十条毛巾</div>
                <div class="yh">啥都没有</div>
              </div>
              <div class="jiage">
                <span class="rmb">¥</span>
                <span class="rmbnum">9.9</span>
              </div>
            </div>
          </a>

          <a href="#"
            ><div>
              <img
                src="./font_3545740_4a8k2batfqr/O1CN01swgCnO1RUG1ydIjDY_!!0-item_pic.jpg_300x300q90.jpg_.webp"
                alt=""
              />
            </div>

            <div class="jieshao">
              <div class="jieshao2">
                <div>踩屎感拖鞋男款夏季家居室内家用防滑大码凉拖鞋</div>
                <div class="yh">送运费险</div>
              </div>
              <div class="jiage">
                <span class="rmb">¥</span>
                <span class="rmbnum">39.9</span>
              </div>
            </div>
          </a>

          <a href="#"
            ><div>
              <img
                src="./font_3545740_4a8k2batfqr\O1CN01AGCe4I1lykjcf0HCy_!!0-item_pic.jpg_300x300q90.jpg_.webp"
                alt=""
              />
            </div>

            <div class="jieshao">
              <div class="jieshao2">
                <div>腕带小米手环表个性潮男女可爱定制正品印花卡通</div>
                <div class="yh">包邮到家</div>
              </div>
              <div class="jiage">
                <span class="rmb">¥</span>
                <span class="rmbnum">8.9</span>
              </div>
            </div>
          </a>

          <a href="#"
            ><div>
              <img
                src="./font_3545740_4a8k2batfqr/O1CN010kR57u1TuwKO4MqGB_!!0-item_pic.jpg_300x300q90.jpg_.webp"
                alt=""
              />
            </div>

            <div class="jieshao">
              <div class="jieshao2">
                <div>春季新款透气豆豆鞋青年休闲懒人鞋男士潮鞋韩版</div>
                <div class="yh">送运费险</div>
              </div>
              <div class="jiage">
                <span class="rmb">¥</span>
                <span class="rmbnum">9.9</span>
              </div>
            </div>
          </a>

          <a href="#"
            ><div>
              <img
                src="./font_3545740_4a8k2batfqr/O1CN010kR57u1TuwKO4MqGB_!!0-item_pic.jpg_300x300q90.jpg_.webp"
                alt=""
              />
            </div>

            <div class="jieshao">
              <div class="jieshao2">
                <div>春季新款透气豆豆鞋青年休闲懒人鞋男士潮鞋韩版</div>
                <div class="yh">送运费险</div>
              </div>
              <div class="jiage">
                <span class="rmb">¥</span>
                <span class="rmbnum">9.9</span>
              </div>
            </div>
          </a>

          <a href="#"
            ><div>
              <img
                src="./font_3545740_4a8k2batfqr/O1CN019NoFpy274ntqVGF5E_!!4207517744-0-alimamacc.jpg_300x300q90.jpg_.webp"
                alt=""
              />
            </div>

            <div class="jieshao">
              <div class="jieshao2">
                <div>冰希黎幻彩鎏流沙金女士斩男清淡香水官方正品</div>
                <div class="yh">满200减50</div>
              </div>
              <div class="jiage">
                <span class="rmb">¥</span>
                <span class="rmbnum">99.9</span>
              </div>
            </div>
          </a>

          <a href="#"
            ><div>
              <img
                src="./font_3545740_4a8k2batfqr/O1CN01gV43cH1h568vYtOXl_!!2207344274225-0-alimamacc.jpg_300x300q90.jpg_.webp"
                alt=""
              />
            </div>

            <div class="jieshao">
              <div class="jieshao2">
                <div>那拉丝醇全脂骆驼奶粉新疆伊犁正宗纯驼奶</div>
                <div class="yh">满500减50</div>
              </div>
              <div class="jiage">
                <span class="rmb">¥</span>
                <span class="rmbnum">399.9</span>
              </div>
            </div>
          </a>

          <a href="#"
            ><div>
              <img
                src="./font_3545740_4a8k2batfqr/O1CN01JjZYGJ1rwMC7nnkmu_!!0-item_pic.jpg_300x300q90.jpg_.webp"
                alt=""
              />
            </div>

            <div class="jieshao">
              <div class="jieshao2">
                <div>运动短裤韩版中裤黑色宽松直筒休闲阔腿五分裤</div>
                <div class="yh">包邮到家</div>
              </div>
              <div class="jiage">
                <span class="rmb">¥</span>
                <span class="rmbnum">59.9</span>
              </div>
            </div>
          </a>

          <a href="#"
            ><div>
              <img
                src="./font_3545740_4a8k2batfqr/O1CN01Oz3YZO23XsaBHirnY_!!2214456317266-0-alimamacc.jpg_300x300q90.jpg_.webp"
                alt=""
              />
            </div>

            <div class="jieshao">
              <div class="jieshao2">
                <div>夏日限时活动，限定兰博车币，好物推荐</div>
                <div class="yh">送运费险</div>
              </div>
              <div class="jiage">
                <span class="rmb">¥</span>
                <span class="rmbnum">88</span>
              </div>
            </div>
          </a>

          <a href="#"
            ><div>
              <img
                src="./font_3545740_4a8k2batfqr/O1CN01qPcFSf1SQQAWAm3oX_!!0-item_pic.jpg_300x300q90.jpg_.webp"
                alt=""
              />
            </div>

            <div class="jieshao">
              <div class="jieshao2">
                <div>春季新款透气T恤青年休闲男士韩版</div>
                <div class="yh">包邮到家</div>
              </div>
              <div class="jiage">
                <span class="rmb">¥</span>
                <span class="rmbnum">19.9</span>
              </div>
            </div>
          </a>

          <a href="#"
            ><div>
              <img
                src="./font_3545740_4a8k2batfqr/O1CN01SHqPFL1hpoU557N2k_!!0-item_pic.jpg_300x300q90.jpg_.webp"
                alt=""
              />
            </div>

            <div class="jieshao">
              <div class="jieshao2">
                <div>匹克篮球鞋防滑耐磨学生实战球鞋运动鞋男</div>
                <div class="yh">满200减50</div>
              </div>
              <div class="jiage">
                <span class="rmb">¥</span>
                <span class="rmbnum">189.9</span>
              </div>
            </div>
          </a>

          <a href="#"
            ><div>
              <img
                src="./font_3545740_4a8k2batfqr/O1CN01y4CLBZ1IDvMoqbQza_!!0-item_pic.jpg_300x300q90.jpg_.webp"
                alt=""
              />
            </div>

            <div class="jieshao">
              <div class="jieshao2">
                <div>硅藻泥吸水速干防滑地垫卫生间浴室门口脚垫子</div>
                <div class="yh">送运费险</div>
              </div>
              <div class="jiage">
                <span class="rmb">¥</span>
                <span class="rmbnum">9.9</span>
              </div>
            </div>
          </a>

          <a href="#"
            ><div>
              <img
                src="./font_3545740_4a8k2batfqr/T1K2WAXwNhXXXXXXXX_!!0-item_pic.jpg_300x300q90.jpg_.webp"
                alt=""
              />
            </div>

            <div class="jieshao">
              <div class="jieshao2">
                <div>美式乡村绿色窗帘送十条毛巾</div>
                <div class="yh">啥都没有</div>
              </div>
              <div class="jiage">
                <span class="rmb">¥</span>
                <span class="rmbnum">9.9</span>
              </div>
            </div>
          </a>

          <a href="#"
            ><div>
              <img
                src="./font_3545740_4a8k2batfqr/O1CN01swgCnO1RUG1ydIjDY_!!0-item_pic.jpg_300x300q90.jpg_.webp"
                alt=""
              />
            </div>

            <div class="jieshao">
              <div class="jieshao2">
                <div>踩屎感拖鞋男款夏季家居室内家用防滑大码凉拖鞋</div>
                <div class="yh">送运费险</div>
              </div>
              <div class="jiage">
                <span class="rmb">¥</span>
                <span class="rmbnum">39.9</span>
              </div>
            </div>
          </a>

          <a href="#"
            ><div>
              <img
                src="./font_3545740_4a8k2batfqr\O1CN01AGCe4I1lykjcf0HCy_!!0-item_pic.jpg_300x300q90.jpg_.webp"
                alt=""
              />
            </div>

            <div class="jieshao">
              <div class="jieshao2">
                <div>腕带小米手环表个性潮男女可爱定制正品印花卡通</div>
                <div class="yh">包邮到家</div>
              </div>
              <div class="jiage">
                <span class="rmb">¥</span>
                <span class="rmbnum">8.9</span>
              </div>
            </div>
          </a>

          <a href="#"
            ><div>
              <img
                src="./font_3545740_4a8k2batfqr/O1CN010kR57u1TuwKO4MqGB_!!0-item_pic.jpg_300x300q90.jpg_.webp"
                alt=""
              />
            </div>

            <div class="jieshao">
              <div class="jieshao2">
                <div>春季新款透气豆豆鞋青年休闲懒人鞋男士潮鞋韩版</div>
                <div class="yh">送运费险</div>
              </div>
              <div class="jiage">
                <span class="rmb">¥</span>
                <span class="rmbnum">9.9</span>
              </div>
            </div>
          </a>
        </div>
        <div
          class="cbl"
          style="
            width: 80px;
            height: 350px;
            background-color: #fff;
            border-radius: 16px 0 0 16px;
            position: fixed;
            right: 0;
            bottom: 25%;
            z-index: 999;
          "
        >
          <ul style="padding: 0; text-align: center">
            <li>
              <a href="#"
                ><i class="iconfont icon-xiaoxi"></i>
                <p>消息</p></a
              >
            </li>
            <li>
              <a href="#"
                ><i class="iconfont icon-guanfangkefu"></i>
                <p>官方客服</p></a
              >
            </li>
            <li>
              <a href="#"
                ><i class="iconfont icon-fankui"></i>
                <p>反馈</p></a
              >
            </li>
            <li>
              <a href="#"
                ><i class="iconfont icon-jubao"></i>
                <p>举报</p></a
              >
            </li>
          </ul>
        </div>

        <div class="footer">
          <div class="ff">
            <h4>
              <i class="iconfont icon-dunpai"></i>
              <span>消费者保障</span>
            </h4>
            <ul>
              <li><a href="#">保障范围</a></li>
              <li><a href="#">退货退款流程</a></li>
              <li><a href="#">服务中心</a></li>
              <li><a href="#">更多特色服务</a></li>
            </ul>
          </div>
          <div class="ff">
            <h4>
              <i class="iconfont icon-bangzhu"></i>
              <span>新手上路</span>
            </h4>
            <ul>
              <li><a href="#">新手专区</a></li>
              <li><a href="#">24小时在线帮助</a></li>
              <li><a href="#">免费开店</a></li>
            </ul>
          </div>

          <div class="ff">
            <h4>
              <i class="iconfont icon-dingdandaifukuan"></i>
              <span>支付方式</span>
            </h4>
            <ul>
              <li><a href="#">快捷支付</a></li>
              <li><a href="#">信用卡</a></li>
              <li><a href="#">余额宝</a></li>
              <li><a href="#">蚂蚁花呗</a></li>
            </ul>
          </div>

          <div class="ff">
            <h4>
              <i class="iconfont icon-taobaotese"></i>
              <span>淘宝特色</span>
            </h4>
            <ul>
              <li><a href="#">手机淘宝</a></li>
              <li><a href="#">旺旺/旺信</a></li>
              <li><a href="#">大众评审</a></li>
            </ul>
          </div>
        </div>

        <br />
        <br />
        <div class="foot">
          <div class="footer-hd">
            <p>
              <span
                ><a href="https://www.alibabagroup.com/cn/global/home"
                  >阿里巴巴集团</a
                ></span
              ><b>|</b><span><a href="https://www.taobao.com/">淘宝网</a></span
              ><b>|</b><span><a href="https://www.tmall.com/">天猫</a></span
              ><b>|</b
              ><span
                ><a
                  href="https://pages.tmall.com/wow/a/act/ju/dailygroup/2199/wupr?wh_pid=daily-222239"
                  >聚划算</a
                ></span
              ><b>|</b
              ><span><a href="https://www.aliexpress.com/">全球速卖通</a></span
              ><b>|</b
              ><span
                ><a href="https://www.alibaba.com/"
                  >阿里巴巴国际交易市场</a
                ></span
              ><b>|</b><span><a href="https://www.1688.com/">1688</a></span
              ><b>|</b
              ><span
                ><a href="https://www.alimama.com/index.htm">阿里妈妈</a></span
              ><b>|</b><span><a href="https://www.fliggy.com/">飞猪</a></span
              ><b>|</b
              ><span><a href="https://www.aliyun.com/">阿里云计算</a></span
              ><b>|</b><span><a href="https://www.alios.cn/">AliOS</a></span
              ><b>|</b
              ><span><a href="https://aliqin.tmall.com/">阿里通信</a></span
              ><b>|</b><span><a href="https://www.etao.com/">一淘</a></span
              ><b>|</b
              ><span><a href="https://wanwang.aliyun.com/">万网</a></span
              ><b>|</b><span><a href="https://mobile.amap.com/">高德</a></span
              ><b>|</b><span><a href="https://www.uc.cn/">UC</a></span
              ><b>|</b><span><a href="https://www.umeng.com/">友盟</a></span
              ><b>|</b
              ><span
                ><a href="https://s.alibaba.com/?scene=clinks"
                  >阿里安全</a
                ></span
              ><b>|</b><br /><span
                ><a href="https://www.damai.cn/">大麦网</a></span
              ><b>|</b
              ><span
                ><a href="https://www.dingtalk.com/?lwfrom=20150130160830727"
                  >钉钉</a
                ></span
              ><b>|</b><span><a href="https://www.alipay.com">支付宝</a></span
              ><b>|</b><span><a href="https://www.youku.com/">优酷</a></span
              ><b>|</b><span><a href="https://www.tudou.com/">土豆</a></span
              ><b>|</b
              ><span><a href="https://www.alihealth.cn/">阿里健康</a></span
              ><b>|</b
              ><span
                ><a href="http://www.alibabapictures.com/simp/0-home.html"
                  >阿里影业</a
                ></span
              ><b>|</b><span><a href="https://www.mybank.cn/">网商银行</a></span
              ><b>|</b>
            </p>
          </div>
          <hr style="margin: 5px; color: #f5f5f5" />
          <div class="footer-bd">
            <p>
              <span
                ><a href="https://huodong.taobao.com/wow/tbhome/act/about-home"
                  >关于淘宝</a
                ></span
              ><span
                ><a href="https://pro.taobao.com/index.htm">营销中心</a></span
              ><span
                ><a href="https://jubao.alibaba.com/?site=taobao"
                  >廉正举报</a
                ></span
              ><span
                ><a href="https://consumerservice.taobao.com/"
                  >联系客服</a
                ></span
              ><span><a href="https://open.taobao.com/">开放平台</a></span
              ><span><a href="https://talent.alibaba.com/">诚征英才</a></span
              ><span
                ><a href="https://consumerservice.taobao.com/contact-us"
                  >联系我们</a
                ></span
              ><span
                ><a
                  href="https://terms.alicdn.com/legal-agreement/terms/suit_bu1_taobao/suit_bu1_taobao201703241622_61002.html"
                  >隐私权政策</a
                ></span
              ><span
                ><a
                  href="https://terms.alicdn.com/legal-agreement/terms/suit_bu1_taobao/suit_bu1_taobao201811121436_80276.html"
                  >法律声明</a
                ></span
              ><span><a href="https://ipp.alibabagroup.com/">知识产权</a></span
              ><span
                ><a
                  href="https://terms.alicdn.com/legal-agreement/terms/suit_bu1_taobao/suit_bu1_taobao202105131215_57739.html"
                  >不当竞争举报</a
                ></span
              ><span
                ><a
                  href="https://rule.taobao.com/rulecycle.htm?spm=a2177.7231205.1998145763.7.5a5317eaNcM6I9"
                  >规则意见征集</a
                ></span
              ><b>|</b><em>© 2003-现在 Taobao.com 版权所有</em>
            </p>
            <p>
              <span>增值电信业务经营许可证：浙B2-20080224</span><b>|</b
              ><span>增值电信业务经营许可证（跨地区）： B2-20150210</span
              ><b>|</b><span>浙网文【2022】0403-017号</span><b>|</b
              ><span
                >浙江省网络食品销售第三方平台提供者备案：浙网食A33010001</span
              ><b>|</b><br />
            </p>
            <p>
              <span>互联网药品信息服务资格证书（浙）-经营性-2018-0010</span
              ><b>|</b
              ><span>短消息类服务接入代码使用证书：号【2016】00154-A01</span
              ><b>|</b><span>信息网络传播视听许可证：1109364号</span><b>|</b
              ><span>出版物网络交易平台服务经营备案号：新出发浙备字第002号</span
              ><b>|</b>
            </p>
            <p>
              <span
                ><a
                  href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010002000078"
                  ><span
                    style="
                      padding-top: 3px;
                      padding-left: 9px;
                      padding-right: 12px;
                      background-position: -861px 0px;
                      width: 20px;
                      height: 20px;
                      background-image: url('https://img.alicdn.com/tfs/TB1EPnIQXXXXXaSXpXXXXXXXXXX-1133-35.jpg');
                    "
                  ></span
                  >浙公网安备 33010002000078号</a
                ></span
              ><b>|</b
              ><span
                ><a href="http://beian.miit.gov.cn/">浙B2-20080224-1</a></span
              ><b>|</b><span>广播电视节目制作经营许可证（浙）字第01012号</span
              ><b>|</b><span>市场名称登记证：工商网市字3301004120号</span
              ><b>|</b
              ><span
                >医疗器械网络交易服务第三方平台备案：（浙）网械平台备字[2018]第00004号</span
              ><b>|</b
              ><span
                ><a href="mailto:jubao.tb@service.taobao.com"
                  >互联网违法和不良信息举报电话：0571-81683755
                  jubao.tb@service.taobao.com</a
                ></span
              ><b>|</b
              ><span><a href="https://www.shdf.gov.cn/">中国扫黄打非网</a></span
              ><b>|</b
              ><span
                ><a href="https://jbts.mct.gov.cn/"
                  >全国文化和旅游市场网上举报投诉处理系统</a
                ></span
              ><b>|</b
              ><span><a href="https://www.12315.cn/">全国12315平台</a></span
              ><b>|</b
              ><span
                ><a href="http://www.zjjubao.com/"
                  >浙江省互联网违法和不良信息举报中心</a
                ></span
              ><b>|</b
              ><span><a href="https://jubao.taobao.com/">全网举报</a></span
              ><b>|</b><br />
            </p>
          </div>
        </div>
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
      </div>
    </div>
  </body>
</html>
